<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>娃娃Get商城</title>


    <link rel="stylesheet" href="assets/css/bootstrap.min.css" />
    <link rel="stylesheet" href="assets/js/swiper-4.4.2/swiper.min.css" />
    <link rel="stylesheet" href="assets/css/main.css" />

    <script src="assets/js/jquery.slim.min.js"></script>
    <script src="assets/js/popper.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/swiper-4.4.2/swiper.min.js"></script>
    <script src="assets/js/common.js"></script>




</head>
<body class="main-color">
    <div class="container main-container">

        <div class="row shop-menu">
            <div class="shop-menu-item active">
                <img src="assets/images/shop-menu-001.png"  class="shop-menu-img" alt="">
                <p class="shop-menu-name">新人推荐</p>
            </div>
            <div class="shop-menu-item">
                <img src="assets/images/shop-menu-002.png"  class="shop-menu-img" alt="">
                <p class="shop-menu-name">限时抢Get</p>
            </div>
            <div class="shop-menu-item">
                <img src="assets/images/shop-menu-003.png"  class="shop-menu-img" alt="">
                <p class="shop-menu-name">独家授权</p>
            </div>
            <div class="shop-menu-item">
                <img src="assets/images/shop-menu-004.png"  class="shop-menu-img" alt="">
                <p class="shop-menu-name">实用商品</p>
            </div>
            <div class="shop-menu-item">
                <img src="assets/images/shop-menu-005.png"  class="shop-menu-img" alt="">
                <p class="shop-menu-name">竞拍</p>
            </div>
        </div>



        <div class="row doll-wrapper">
            <!--start item-->
            <div class=" doll-item">
                <div class="doll-img-wrapper">
                    <div class="doll-icon-time"></div>
                    <a href="goods-detail.html"><img src="assets/images/doll.png" alt="甜筒星球公仔"></a>
                </div>
                <div class="doll-info-wrapper">
                    <div class="doll-title"><a href="goods-detail.html">甜筒星球公仔</a></div>
                    <div class="price-style-01">
                        <div class="">
                            <span class="price-icon">￥</span>
                            <span class="cur-price">19</span>
                        </div>
                        <a href="javascript:;" class="add-cart" onclick="add_cart('id',1)"></a>
                    </div>
                </div>
            </div>
            <!--end item-->

            <!--start item-->
            <div class=" doll-item">
                <div class="doll-img-wrapper">
                    <div class="doll-icon-time"></div>
                    <a href="goods-detail.html"><img src="assets/images/doll.png" alt="甜筒星球公仔"></a>
                </div>
                <div class="doll-info-wrapper">
                    <div class="doll-title"><a href="goods-detail.html">甜筒星球公仔</a></div>
                    <div class="price-style-01">
                        <div class="">
                            <span class="price-icon">￥</span>
                            <span class="cur-price">19</span>
                        </div>
                        <a href="javascript:;" class="add-cart" onclick="add_cart('id',2)"></a>
                    </div>
                </div>
            </div>
            <!--end item-->

            <!--start item-->
            <div class=" doll-item">
                <div class="doll-img-wrapper">
                    <div class="doll-icon-time"></div>
                    <a href="goods-detail.html"><img src="assets/images/doll.png" alt="甜筒星球公仔"></a>
                </div>
                <div class="doll-info-wrapper">
                    <div class="doll-title"><a href="goods-detail.html">甜筒星球公仔</a></div>
                    <div class="price-style-01">
                        <div class="">
                            <span class="price-icon">￥</span>
                            <span class="cur-price">19</span>
                        </div>
                        <a href="javascript:;" class="add-cart" onclick="add_cart('id',3)"></a>
                    </div>
                </div>
            </div>
            <!--end item-->

            <!--start item-->
            <div class=" doll-item">
                <div class="doll-img-wrapper">
                    <div class="doll-icon-time"></div>
                    <a href="goods-detail.html"><img src="assets/images/doll.png" alt="甜筒星球公仔"></a>
                </div>
                <div class="doll-info-wrapper">
                    <div class="doll-title"><a href="goods-detail.html">甜筒星球公仔</a></div>
                    <div class="price-style-01">
                        <div class="">
                            <span class="price-icon">￥</span>
                            <span class="cur-price">19</span>
                        </div>
                        <a href="javascript:;" class="add-cart" onclick="add_cart('id',4)"></a>
                    </div>
                </div>
            </div>
            <!--end item-->

            <!--start item-->
            <div class=" doll-item">
                <div class="doll-img-wrapper">
                    <div class="doll-icon-time"></div>
                    <a href="goods-detail.html"><img src="assets/images/doll.png" alt="甜筒星球公仔"></a>
                </div>
                <div class="doll-info-wrapper">
                    <div class="doll-title"><a href="goods-detail.html">甜筒星球公仔</a></div>
                    <div class="price-style-01">
                        <div class="">
                            <span class="price-icon">￥</span>
                            <span class="cur-price">19</span>
                        </div>
                        <a href="javascript:;" class="add-cart" onclick="add_cart('id',4)"></a>
                    </div>
                </div>
            </div>
            <!--end item-->

        </div>

        <div class="fixed-footer-top"></div>
    </div>

    <a href="cart.html" class="fixed-cart"></a>


    <div class="fixed-footer">
        <a href="shop.html" class="menu-item menu-icon-1 active"></a>
        <a href="index.html" class="menu-item menu-icon-2"></a>
        <a href="user.html" class="menu-item menu-icon-3"></a>
    </div>

</body>


<script>


    $(function(){
        //分类切换
        $('.shop-menu-item').click(function() {
            $(this).addClass('active').siblings().removeClass('active');
            show_loading();
            //and do something
            console.log('do something')
            setTimeout(function(){
                hide_loading();
            },600)
        })

    })


</script>


</html>